<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
#selectjsonId1>div>div table tr td{
  width: 230px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
	</style>
</head>
<body>
<div id="selectjsonId1"></div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script src='CheckboxSelect.js'></script>
<script type="text/javascript">
var enterpriseArr ={
id_1: "NOKIA MOBILE PHONES",
id_3: "INNOVATRON ELECTRONIQUE",
id_4: "NOKIA",
id_5: "GEMPLUS",
id_6: "NOKIA TECHNOLOGIES",
id_7: "TELECOM ITALIA",
id_8: "NIPPON TELEGRAPH AND TELEPHONE",
id_9: "MITSUBISHI ELECTRIC",
id_10: "FRANCE TELECOM",
id_11: "TDF",
id_12: "SPACECODE/INTERCODE",
id_13: "BELGIAN SCIENCE POLICY OFFICE",
}
//全局变量
var getData = {
  'staticAnalysisStart': '', //统计分析日期-开始
  'staticAnalysisEnd': '', //统计分析日期-结束
  'echartsTopNum': 5, //echarts显示前几名数据
  'enterpriseNum': '2', //几个企业对比
  'obj_i': '', //存放，当前哪个企业请求数据
  'enterpriseIdDef': '', //初始值，企业id
  'enterpriseNameDef': '', //初始值，企业名称
  'BooleansDef': true,//初始值
  'enterpriseId': '', //企业id
  'enterpriseId2': '', //企业2id
  'enterpriseName': '', //企业名称
  'enterpriseName2': '', //企业2名称
  'echartNum': '' //echarts图形展示
};
var $obj ='';
selectJson1(enterpriseArr, $obj); //下拉选择
/*下拉选择*/
  function selectJson1($jsondata, $obj) {
    var tabId = "selectjsonId1"; //标签id，这里表示这个json数据创建的下拉多选组件放在这个id为selectjsonId的标签下
    var selecName = "selecName"; //下拉多选组件的name，方便于提交form表单
    // var jsondata = { 'qiye1': '企业一', 'qiye2': '企业二', 'qiye3': '企业三', 'qiye4': '企业四', 'qiye5': '企业五' };//选项数据
    var jsondata = $jsondata;
    var jsonPar = {
      selectAllButton: true, //设置是否有全选按钮(true-有，false-没有)
      maxSelectCount: 2, //设置最多能选择的选项数（设置为0则不限制）
    }
    var boxJson = new CheckboxSelectJson(tabId, selecName, jsondata, 'auto', '22px', jsonPar); //150px是设置下拉多选组件的长度，22px是设置下拉多选组件的宽度
    // boxJson.setDefaultWord("请选一个"); //设置未选择值时的缺省字体
    boxJson.setDefaultWord(getData.enterpriseName); //设置未选择值时的缺省字体
    if (getData.BooleansDef) {
      getData.BooleansDef = false;
      getData.enterpriseIdDef = getData.enterpriseId //初始值，企业id
      getData.enterpriseNameDef = getData.enterpriseName //初始值，企业名称
    }
    boxJson.setValues('id_' + getData.enterpriseId, ","); //初始赋值
  };
//确定按钮，切换企业
  $('#enterpriseSelectBtn').on('click', function () {
    selectEnterpriseInput();//获取复选框内容
    showEcharts(); //判断，需要展示的echarts图形
  });
  //获取复选框内容
  function selectEnterpriseInput(){
    var $id = getCheckboxOptionValues("selectjsonId1");
    var $name = getCheckboxOptionTexts("selectjsonId1");
    // 判断是否选中两个企业
    if ($id.indexOf(';') > 0) {
      getData.enterpriseId = $id.split(';')[0].split('_')[1];
      getData.enterpriseId2 = $id.split(';')[1].split('_')[1];
      getData.enterpriseName = $name.split(';')[0];
      getData.enterpriseName2 = $name.split(';')[1];
      getData.enterpriseNum = '2';
    } else if (!isEmpty($name)) {
      getData.enterpriseNum = '1';
      getData.enterpriseId = getCheckboxOptionValues("selectjsonId1").split('_')[1]; //获取选中项的Value
      getData.enterpriseName = getCheckboxOptionTexts("selectjsonId1"); //获取选中项的text
      getData.enterpriseId2 = '';
      getData.enterpriseName2 = '';
    } else if (isEmpty($name)) {
      //不选择企业
      getData.enterpriseNum = '1';
      getData.enterpriseId = getData.enterpriseIdDef
      getData.enterpriseName = getData.enterpriseNameDef;
      getData.enterpriseId2 = '';
      getData.enterpriseName2 = '';
    }
  };
</script>	
</body>
</html>